* {padding: 0px;
    margin: 0px;
}
.worker {
    list-style: : none
    
}

.tab {
    width: 400px;
    margin-left:10px;
    
   
}
.tab .tab-nav {
    height: 30px;

}
.tab .tab-nav li {
    float: left;
    margin-right: 5px;
    background-color: #767676;
    border-radius: 3px 3px 0 0;
    list-style:none;
}

.tab .tab-nav li a {
    text-decoration: none;
    display:block;
    height:30px;
    padding:0 25px;
    color: #ffffff;
    line-height: 30px;
}
.tab .tab-nav li.active {
    background-color: #ffffff;
}
.tab .tab-nav li.active a {
    color: #767676;
}
.tab .content-wrap {
    background:cornflowerblue;
    height: 300px;
    // padding: 15px;
    width: 300px;
    position: relative;
    /*这里需要把包裹曾设置为relative 因为里面的每个item都要设置s成absolute，不然的话在实现淡入淡出效果时候第一个item会占用一个位置，
    画面会先出现一个空的白色div，下面的item才会移上去，*/
}
.tab .content-wrap .content-item{
    position: absolute;
    height:300px;
    display: none;
}
.tab .content-wrap .content-item img {
    width:300px;
    height: 300px;
}
.tab .content-wrap .current {
    display: block;
}
.container {
            border: 1px solid grey;
            padding:10px 10px 10px 10px;
        }